<!DOCTYPE html>
<html>
	<head>
		<title>Bun venit - formular de comanda</title>
		
		<link rel="stylesheet" type="text/css" href="css/stil_general.css"/>
			<script language="javascript" type="text/javascript" >
				function boldInnerHTML(webelement) {
					//var innerHTMLt = document.getElementById(webelement.id).innerHTML;	
					if(document.getElementById(webelement.id).checked == true)
					{
					
					}
					else
					{
						alert('Adaugat in comanda');
					}
				}
				var d=new Date();
				var t=d.toLocaleTimeString();
				var ptagtext=document.getElementById("ptag_timp").innerHTML;
				document.getElementById("ptag_timp").innerHTML=ptagtext+" "+t;
			</script>
	</head>

<body>

	<div id="bun_msg_div">
		<h1>Bun venit</h1>
		<hr>
		<p> Bine ai venit pe site-ul nostru.</p>
		<p> Speram ca oferta noastra de pizza este pe gustul tau.</p>
		<p> Te rugam sa folosesti formularul de jos pentru a comanda pizza.</p>
		<p id="ptag_timp"> Ai ajuns pe site la ora : </p>
		<p id="ptag_uagent"> Ai user agent : </p>
	</div>
		<br>
		<br>

	<div id="cum_msg_div">
		<h2>Cum comandam</h2> 
		<hr>

		<ol>
			<li>Selectati din Meniu care pizza doriti sa comandati.</li>
			<li>Selectati sos daca doriti.</li>
			<li>Apasati trimite comanda.</li>
		</ol>
	</div>
		<br>
		<p>
			<script language="javascript" type="text/javascript" >
				var d=new Date();
				var t=d.toLocaleTimeString();
				var ptagtext=document.getElementById("ptag_timp").innerHTML;
				var ptag_usrag=document.getElementById("ptag_uagent").innerHTML + navigator.userAgent;
				document.getElementById("ptag_timp").innerHTML=ptagtext+" "+t;
				document.getElementById("ptag_uagent").innerHTML=ptag_usrag;
			</script>
		</p>
		<br>

	<div id="menu_msg_div"> 
		<h2>Meniu pizza</h2>
		<hr>

		<table border="1">
			<tr>
				<th>Meniu pizza</th>
				<th>Pret/buc</th>
			</tr>

			<tr>
				<td><input type="checkbox" name="pizza" value="Formagio" onClick="boldInnerHTML(this)">Pizza Formagio</td>
				<td>15.8 RON</td>
			</tr>

			<tr>
				<td><input type="checkbox" name="pizza" value="Quoatro Stagioni" onClick="boldInnerHTML(this)">Pizza Quoatro Stagioni</td>
				<td>28.4 RON</td>
			</tr>

			<tr>
				<td><input type="checkbox" name="pizza" value="Palermo" onClick="boldInnerHTML(this)">Pizza Palermo</td>
				<td>23.5 RON</td>
			</tr>

			<tr>
			<td><input type="checkbox" name="pizza" value="Taraneasca" onClick="boldInnerHTML(this)">Pizza Taraneasca</td>
			<td>21.8 RON</td>
			</tr>

			<tr>
				<td><input type="checkbox" name="pizza" value="Diavola" onClick="boldInnerHTML(this)">Pizza Diavola</td>
				<td>22 RON</td>
			</tr>

			<tr>
				<td><input type="checkbox" name="pizza" value="Dulce/Picant/Maioneza" onClick="boldInnerHTML(this)">Sos Dulce/Picant/Maioneza</td>
				<td>2 RON</td>
			</tr>
		</table>
	</div>

	<br>
	<br>

	<div id="nota_msg_div"> 
		<h2>Nota de plata</h2>
		<hr>
		<p>Produs 1</p>
		<p>Produs 2</p>
		<p>Produs 3</p>

		<br>
		<p>Total de plata= </p>
	</div>

	<br/>
	<button type="button">Trimite comanda</button>

</body>
</html>
